<template>
  <div>
    <div class="w-1200 m-auto">
      <div class="c-detail">
        <div class="c-detail-top">
          <h2 class="text-4.75 col6">平台简介</h2>
        </div>
        <div class="c-texts">
          <p style="text-align: justify;">
            {{ params.introduction }}
          </p>
        </div>
      </div>

      <div class="c-detail">
        <div class="c-detail-top">
          <h2 class="text-4.75 col6">服务对象</h2>
        </div>
        <div class="c-texts flex gap-10">
          <span class="flex gap-2">
            <OfficeBuilding class="w-6.5" />
            <i class="a-i col3">中小企业</i>
          </span>
          <span class="flex gap-2">
            <School class="w-6.5" />
            <i class="a-i col3">金融机构</i>
          </span>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { OfficeBuilding, School } from '@element-plus/icons-vue'
import { getPlat } from '@/api/dict';
const params = ref({
  introduction:""
})
loadData()
function loadData() {
  getPlat().then(res => {
    const obj = res.rows[0]
    if (!!obj) {
      params.value = obj
    }
  })
}
</script>

<style lang="scss" scoped>
.c-detail {
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(57, 120, 203, .1);
  box-shadow: 0 0 8px 0 rgba(57, 120, 203, .1);
  margin: 43px auto 0;

  .c-detail-top {
    height: 64px;
    line-height: 64px;
    padding-left: 35px;
    border-bottom: 1px solid #d4dcf0;
  }

  .c-texts {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    padding: 29px 28px;

    p {
      text-align: justify;
    }
  }

}
</style>
